import React, { Component } from 'react';
import Grade from './gradeView'
import Header from '../informations/InformationsViews'

class Gr extends Component {
    state = { 
        title:'我的等级',
        percent:0,
        list:[
                [
                    '2019年9月12日完成***发布的***任务，经验提升30点1',
                    '2019年9月12日完成***发布的***任务，经验提升30点2'
                ],
                [
                    '2019年9月12日完成***发布的***任务，经验提升30点3',
                    '2019年9月12日完成***发布的***任务，经验提升30点4'
                ]
        ]
     }
    render() { 
        return ( 
            <>
                <Header back={()=>this.goBack() }title={this.state.title}  ></Header>
                <Grade list={this.state.list} percent={this.state.percent} incGrade={()=>this.incGrade()}></Grade>
            </>
         );
    }
    goBack(){
        this.props.history.go(-1)
    }
    incGrade(){
        console.log(1)
        let a=this.state.percent+10
        console.log(a)
        this.setState({
            percent:a
        })
    }
}
 
export default Gr;
